<!--
 * @Descripttion: 
 * @version: 
 * @Author: wtzhang
 * @Date: 2021-10-20 09:11:08
 * @LastEditors: wtzhang
 * @LastEditTime: 2021-10-20 09:22:45
-->
<template>
  <view class="content">
    <!-- SQLite数据库 测试 -->
    <view class="db-test">
      <button @click="checkDBstatus">检查数据库状态</button>
      <button @click="openDB">打开数据库</button>
      <button @click="closeDB">关闭数据库</button>
      <button @click="createTable">创建表</button>
      <button @click="queryDBTable">查询数据库所有的表</button>
      <button @click="isTable">查询表是否存在</button>
      <button @click="addSave">存储数据</button>
      <button @click="queryData">查询数据</button>
      <button @click="updateSqlData">修改更新数据</button>
      <button @click="queryCount">查询数据总条数</button>
      <button @click="queryDataList">分页获取数据</button>
    </view>
    <!-- SQLite数据库 -->
  </view>
</template>

<script>
import sql from '../../js_sdk/wt-sqlite/sqlite'
export default {
  data() {
    return {
      // 数据库
	    dataBase: 'knowledgeCaps', // 数据库名
	    dbTable: 'caps_record'    // 数据库表名
    };
  },
  async onLoad() {},
  methods: {
    	// ************************************ sqlite数据库 *************************************
	// 检查数据库状态
	checkDBstatus() {
		uni.showToast({
			title: sql.isOpenDB(this.dataBase) ? '数据库已打开' : '数据库已关闭',
			icon: 'none'
		})
	},
	// 打开数据库
	openDB() {
		if(sql.isOpenDB(this.dataBase)) return;
		sql.openDB(this.dataBase).then(res => {
			console.log(res);
		})
	},
	// 关闭数据库
	closeDB() {
		sql.closeDB(this.dataBase).then(res => {
			console.log(res)
		})
	},
	// 创建表
	createTable() {
		sql.createTable(this.dataBase, this.dbTable, `"chat_id" INTEGER PRIMARY KEY AUTOINCREMENT, "feed_type" TEXT, "role_type" TEXT, "user_image" TEXT, "content" TEXT`).then(res => {
			console.log(res)
		})
	},
	// 查询数据库所有表
	queryDBTable() {
		sql.queryDBTable(this.dataBase).then(res => {
			console.log(res);
		})
	},
	// 查询表是否存在
	isTable() {
		sql.isTable(this.dataBase, this.dbTable).then(res => {
			console.log(res);
		})
	},
	// 添加、存储数据
	addSave() {
		sql.addSaveData(this.dataBase, this.dbTable, {
			feed_type: '2222',
			role_type: '1',
			user_image: '',
			content: '测试数据2，hello Word！你好 世界！'
		})
	},
	// 查询数据
	queryData() {
		sql.selectDataList(this.dataBase, this.dbTable, {}).then(res => {
			console.log(res)
		})
	},
	// 修改更新数据
	updateSqlData() {
		sql.updateSqlData(this.dataBase, this.dbTable, {
			feed_type: 'test',
			content: '这是修改成功的值！！！嘻嘻嘻哈哈哈'
		}, 'chat_id', 2).then(res => {
			console.log(res)
		})
	},
	// 查询表数据总条数
	queryCount() {
		sql.queryCount(this.dataBase, this.dbTable).then(res => {
			console.log(res)
		})
	},
	// 分页获取数据
	queryDataList() {
		sql.queryDataList(this.dataBase, this.dbTable, 1, 5, 'chat_id', 'desc').then(res => {
			console.log(res);
		})
	}
  }
};
</script>

<style>
.content button {
  margin-bottom: 20rpx;
}

.input_box {
  width: 690rpx;
  height: 80rpx;
  font-size: 40rpx;
  line-height: 40rpx;
  margin: 10rpx auto;
  background-color: pink;
}

.table_box {
  width: 690rpx;
  margin: 10rpx auto;
  text-align: center;
}
</style>
